.dashboard {
  width: 100%;
  height: 100%;
  // background-image: url("@/style/img/homebg.png");
  // background-size: 100% auto;
  // background-repeat: no-repeat;
  background-color: #0b0b0c; //临时处理背景颜色
  overflow: hidden;

  .dashboard-in {
    display: flex;
    flex-wrap: wrap;
    // gap: 20px;
    width: 100%;
    height: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    justify-content: center;
    align-items: center;

    .item {
      width: 30%;
      height: 30%;
      background: #434343;
      box-sizing: border-box;
      // margin-right: 20px;
      // margin-bottom: 30px;
      border-radius: 5px;
      display: flex;
      flex-direction: column !important;
      align-items: center;
      justify-content: center;
      color: #fff;
      border: 1px solid #434343;
      cursor: pointer;
      text-decoration: none;
    }

    .item2 {
      margin-right: 20px;
    }

    .item:nth-child(3n) {
      margin-right: 0;
    }

    .item:last-child {
      flex-grow: 0.3;
      // flex-direction: row-reverse;
      margin-bottom: 0 !important;
      margin-right: 0 !important;

      img {
        margin-bottom: 10px;
      }
    }

    .item1 {
      flex-grow: 0.52;
      // flex-direction: row-reverse;
      margin-right: 20px;

      img {
        margin-bottom: 10px;
      }
    }

    .dashboardimg {
      // width: 40px;
      height: 40px;
      margin-bottom: 10px;
    }
  }
}